<template>
	<view class="page">
		<!-- tab切换 -->
		<view class="tab-wrap">
			<view @click.stop="tabClick(1)" class="item" :class="[tabCurrent == 1 ? 'on' : '']">发布的试题</view>
			<view @click.stop="tabClick(2)" class="item" :class="[tabCurrent == 2 ? 'on' : '']">购买的试题</view>
		</view>
		<!-- 列表 -->
		<view class="list-wrap-a" v-if="tabCurrent == 1">
			<navigator v-for="(index,item) in 3" :key="index" class="item" url="" hover-class="none">
				<view class="body">
					<view class="icon-title">
						<image class="icon" src="../../static/bianji.png" mode=""></image>
						<view class="title">
							2020年重庆高考摸底考试试题(有原题)
						</view>
					</view>
					<view class="des">
						人教版/必修/第二单元/原题
					</view>
					<view class="tags-status">
						<view class="tags">
							<text>2020</text>
							<text>全国</text>
						</view>
						<view class="status" style="color: #4B98FF;">
							审核中
						</view>
						<view class="status" style="color: #3DC8A9;">
							审核通过
						</view>
						<view class="status" style="color: #ABABAB;">
							审核未通过删除
						</view>
					</view>
				</view>
				<view class="foot">
					<view class="author">
						上传者:张**
					</view>
					<view class="time">
						2020/12/07 12:12:47
					</view>
					<view class="size">
						大小:87KB
					</view>
					<view class="download">
						下载:0次
					</view>
				</view>
			</navigator>
		</view>
		<view class="list-wrap-b" v-if="tabCurrent == 2">
			<navigator v-for="(index,item) in 10" :key="index" class="item" url="" hover-class="none">
				<view class="body">
					<view class="lf">
						<view class="icon-title">
							<image class="icon" src="../../static/bianji.png" mode=""></image>
							<view class="title">
								2020年重庆高考摸底考试试题(有原题)
							</view>
						</view>
						<view class="des">
							人教版/必修/第二单元/原题
						</view>
						<view class="tags">
							<text>2020</text>
							<text>全国</text>
						</view>
					</view>
					<view class="rt">
						<view class="price">
							￥56.00
						</view>
						<view class="type">
							视频讲解
						</view>
						<view class="price-s">
							￥14.00
						</view>
					</view>
				</view>
				<view class="foot">
					<view class="author">
						上传者:张**
					</view>
					<view class="time">
						2020/12/07 12:12:47
					</view>
					<view class="size">
						大小:87KB
					</view>
					<view class="download">
						下载:0次
					</view>
				</view>
			</navigator>
		</view>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				tabCurrent: 1
			}
		},
		methods: {
			// tab切换
			tabClick(e) {
				let that = this;
				that.tabCurrent = e;
			}
		}
	}
</script>

<style lang="scss" scoped>
	@import 'myQuestions.scss';
	@import '../../common/icon/iconfont.css';
</style>
